.ellipsis {
    white-space: nowrap; //字体不换行
    overflow: hidden; //规定当内容溢出元素框时发生的事情。
    text-overflow: ellipsis; //规定当文本溢出包含元素时发生的事情。
  }

  .ellipsis-two {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word; //规定自动换行的处理方法。

    display: -webkit-box;
    -webkit-box-orient: vertical;
    //它只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 -webkit-box-orient (en-US) 属性设置成 vertical时才有效果
    -webkit-line-clamp: 2; // 可以把 块容器 中的内容限制为指定的行数.
  }